<template>
  <div id="home">
    <<Title ></Title>
    <Head style="background:url(./static/img/headBg.png); position: fixed;width: 100%;top:40px; z-index:2147483647;" ></Head>
    <Banner style="margin-top: 16%"></Banner>
    <Goods style="margin-bottom: 70px"></Goods>
    <BottomMenu></BottomMenu>
  </div>

</template>

<script>
  import Title from '@/components/title'
  import Banner from '@/components/banner'
  import Goods from '@/components/goods'
  import BottomMenu from '@/components/bottomMenu'
  export default {
    name: 'home',
    data () {
      return {
        loading: true
      }
    },
    components: {
      'Title': Title,
      // 'Head': Head,
      // 'Menu': Menu,
      'Banner': Banner,
      // 'Category': Category,
      'BottomMenu': BottomMenu,
      'Goods': Goods,

    },
    data() {
      return {
        companyName: window.SITE_CONFIG.companyName
      }
    }
  }
</script>
